<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="../tubiao/demo.css"/>
		<link rel="stylesheet" type="text/css" href="../tubiao/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="../css/friend.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/self.css"/>
		<script src="../js/swiper.min.js"></script>
		<script src="../js/rem.js"></script>
		<script src="../js/jquery-1.11.3.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script type="text/javascript" src="../js/zepto.js" ></script>
	</head>
	<body>
		<div id="top">
				<ul>
					<li class="one" id="toptb1"><i class="iconfont">&#xe623;</i></li>
					<li id="toptb2"><i class="iconfont">&#xe624;</i></li>
					<li id="toptb3"><i class="iconfont">&#xe625;</i></li>
					<li id="toptb4"><i class="iconfont">&#xe622;</i></li>
					<li class="two" id="toptb5"><i class="iconfont">&#xe61e;</i></li>
				<ul>
		</div>
		<div id="box2">
			<ul>
				<li><p>动态</p></li>
				<li><p>附近</p></li>
				<li><p>好友</p></li>
			</ul>
		</div>
		<div class="swiper-container">
  			<div class="swiper-wrapper">
    			<div  class="swiper-slide blue-slide">
    				<div class="bo">
    					<div class="box2"><img style="width: 100%; height: 100%; " src="../img/E-_h5_项目_img_tu1.jpg"></div>
    					<div class="box2"><img style="width: 100%; height: 100%; " src="../img/tu2.jpg"></div>
    				</div>
    				<div id="box">
						<div id="wrapper">
							<div class="list">
							</div>
						</div>
					</div>
    			</div>
    			<div class="swiper-slide red-slide">
    				<div class="denglu">
    					<p>走到哪里，都能发现附近的好音乐</p>
    					<input type="button" value="立即登录">
    				</div>
    				<h4>登录后可查看全部附近的人：</h4>
    				<div class="pic">
    					<img src="../img/tu4.jpg" style="width: 100%; height: 100%;">
    				</div>
    			</div>
   				<div class="swiper-slide orange-slide">
   					<ul>
   						<li><img src="../img/ren.jpg"style="height: 100%;"><a>认识的人</a></li>
   						<li><img src="../img/v.jpg" style="height: 100%;"><a>明向用户</a></li>
   						<li><img src="../img/x.jpg" style="height: 100%;"><a>音乐达人</a></li>
   					</ul>
   				</div>
  			</div>
		</div>
				<!--
        	作者：offline
        	时间：2016-09-22
        	描述：个人信息
        -->
				<section id="self">
			<section class="self_mask"></section> <!--遮罩-->
			<section class="self_content"><!--主体外框-->
				<section class="self_content_top">
					<ul class="self_content_top_ul">
						<li class="self_content_top_li1">
							<div class="self_content_top_li1_btn"></div>
						</li>
						<li class="self_content_top_li2"><i class="iconfont">&#xe605;</i>我的消息<span>0</span></li>
						<li class="self_content_top_li3"><i class="iconfont">&#xe604;</i>积分商城</li>
						<li class="self_content_top_li4"><i class="iconfont">&#xe60a;</i>会员中心</li>
						<li class="self_content_top_li5"><i class="iconfont">&#xe625;</i>在线听歌免流量<span>免费试用</span></li>
						<li class="self_content_top_li6"><i class="iconfont">&#xe614;</i>听歌识曲</li>
						<li class="self_content_top_li7"><i class="iconfont">&#xe607;</i>主题换肤<span></span></li>
						<li class="self_content_top_li8"><i class="iconfont">&#xe602;</i>
							夜间模式
							<div class="self_content_top_li8_btnbox">
								<i class="self_content_top_li8_btnbox_down"></i>
								<i class="self_content_top_li8_btnbox_up"></i>
							</div>
						</li>
						<li class="self_content_top_li9"><i class="iconfont">&#xe60c;</i>定时停止播放</li>
						<li class="self_content_top_li10"><i class="iconfont">&#xe610;</i>音乐闹钟</li>
						<li class="self_content_top_li11"><i class="iconfont">&#xe611;
</i>驾驶模式</li>
						<li class="self_content_top_li12"><i class="iconfont">&#xe603;</i>我的音乐云盘</li>
						<li class="self_content_top_last"></li>
					</ul>
				</section><!--主体内容-->
				
				
				<section class="self_content_bottom">
					<ul class="self_content_bottom_ul">
						<li class="self_content_bottom_li1">
							<a href="set.html">设置</a>
						</li>
						<li class="self_content_bottom_li2">
							<a href="javascript:;">退出应用</a>
						</li>
					</ul>
				</section><!--尾部定位-->
			</section>
		</section>
<!--
	作者：offline
	时间：2016-09-22
	描述：设置
-->

		<script src="../js/friend.js"></script>
		<script src="../js/self_touch.js"></script>
	</body>
</html>
